import { ReactElement } from 'react'import cn from 'classnames'import { getMonthMatrix } from 'Utils/date'import './DateCalendarDays.scss'import '../DateCalendarItem.scss'export interface CalendarDaysProps {  displayValue: Date  value?: Date  onChange: (date: Date) => void  min?: string  max?: string}const DateCalendarDays = ({                            displayValue,                            value = new Date(),                            onChange,                            min,                            max                          }: CalendarDaysProps): ReactElement => {  const monthMatrix = getMonthMatrix(displayValue, min, max)  return (    <div className="calendar-days">      <div className="calendar-days__weekdays">        <span>Пн</span>        <span>Вт</span>        <span>Ср</span>        <span>Чт</span>        <span>Пт</span>        <span>Сб</span>        <span>Вс</span>      </div>      {monthMatrix.map((week, index) => (        <div key={index} className="calendar-days__week">          {week.map((el) => (            <span              key={el.date.toDateString()}              className={cn('calendar-item', {                'calendar-item--selected':                  el.date.toLocaleDateString() === value?.toLocaleDateString(),                'calendar-item--empty': !el.day,                'calendar-item--disabled': el.disabled              })}              onClick={() => {                if (el.date) {                  onChange(el.date)                }              }}            >              {el.day}            </span>          ))}        </div>      ))}    </div>  )}export default DateCalendarDays